<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/style.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link href="/media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/jqvmap.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="/media/css/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>

<div class="portlet-body">
    <!--BEGIN TABS-->
    <div class="tabbable tabbable-custom">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab_1_1" data-toggle="tab">推送日志</a></li>
            <li><a href="#tab_1_2" data-toggle="tab">Activities</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab_1_1">
                <div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible="0">
                    <ul class="feeds">
                        <#list logList as list>
                            <li>
                                <div class="col1">
                                    <div class="cont">
                                        <div class="cont-col1">
                                            <div class="label label-success">
                                                <i class="icon-bell"></i>
                                            </div>
                                        </div>
                                        <div class="cont-col2">
                                            <div class="desc">
                                                ${list.desc}
                                                <a href="#" title="${list.title}" class="btn icn-only" id="${list.id}"><span id="${list.spanId}" hidden>${list.contentInfo}</span><i class="icon-share-alt"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="date">
                                        ${list.pushTime}
                                    </div>
                                </div>
                            </li>
                        </#list>
                    </ul>
                </div>
            </div>
            <div class="tab-pane" id="tab_1_2">
                <div class="scroller" data-height="290px" data-always-visible="1" data-rail-visible1="1">
                    <ul class="feeds">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--END TABS-->
</div>


<!--普通弹出层-->
<div id="modal-demo" class="modal fade middle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-body">
                <p id="p-content">个人信息配置成功</p>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    $('.icn-only').click(function () {
        // var content = $('#contentInfo').val();
        console.log(this.id)
        var spanId = this.id + "_span";
        var content = $('#' + spanId).html();
        $('#p-content').html(content);
        $("#modal-demo").modal("show")
    });
</script>

<script type="text/javascript">
    $('.reload').click(function () {
        $.ajax({
            url : '/welcome-reload',
            data : {tm : new Date().getTime()},
            async : true,
            success : function(data){
                $('#refresh').html(data)
            }
        });
    })
</script>